@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);	
@import url(common.css);
@import url(style.css);
@import url(setting.css);	
@import url(member.css);

*, :before, :after {margin: 0;padding: 0;border:0;font-style: normal;vertical-align: top;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none;}
table {width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
th, td {vertical-align: middle;word-break: break-word;white-space: nowrap;}
ul, ol, dl {list-style: none;word-break: keep-all;word-break: break-word;	}
hr {display: none;	}
caption, figcaption, legend {overflow: hidden;position: absolute;z-index:-1;height:0;visibility: hidden;	}
h1, h2, h3, h4, h5, h6, strong {font-weight:500;}
a {color: #333;text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
button {padding: 0;border: 0;cursor: pointer;background: none;vertical-align: middle;appearance: none;font-family: "Noto Sans KR", "맑은 고딕", sans-serif;color: #747474;outline: none;}
.datepicker{ border: 1px solid #d0d0d0;height:23px;}
select {appearance: none;color: #747474;vertical-align: middle;border-radius: 0;font-family: "Noto Sans KR", "맑은 고딕", sans-serif;}
select:disabled+label {background-color: #f2f2f2 !important;color: #999 !important;border-color:#eee !important;}
select::-ms-expand {display: none;}

/* 200221 riyn 컨텐츠 line 짧을 시 하단 100% 안되는 문제 */
html,body,#wrap {height:100%;}
#container {min-height:calc(100% - 109px);}

.helpercommon {display:inline-block;overflow:hidden;width:19px;height:38px;text-indent:-9999em;background:url(../images/icon_quist.png) no-repeat 50% 50%;margin-left:0px;}
.selectWrap {position:relative;z-index:0;height:39px;}
.selectWrap.box {height:40px;display:inline-block}
.selectWrap select {width:100%;height:38px;opacity: 0;padding-left:7px;padding-right:35px;margin-right:25px;color:#666;font-size:13px;line-height:30px;cursor: pointer;}
.selectWrap select[id="board_category_idx"] {min-width:110px;}
.selectWrap select + label {position:absolute;top:1px; /* 셀렉값 선택시 상단 border 지워지는 문제 */
	left:0; 
	overflow:hidden;width:100%; 
	height:38px; 
	padding-left:10px; 
	padding-right:25px;background-color:#fff; 
	border:1px solid #cddaeb; 
	color:#666; 
	font-size:13px; 
	text-align:left; 
	line-height:36px; 
	cursor: pointer;z-index:-1;}
.selectWrap select + label:before {content:'';position:absolute;top:0;right:0;width:35px;height:100%;background-color:#fff;}
/*option글자가 select 화살표 가리는 문제 해결*/

.selectWrap select + label:after {content:'';position:absolute;top:9px;right:10px;width:12px;height:12px;border-bottom:1px solid #999;border-right:1px solid #999;transform: rotate(45deg);transition: .5s;}
.selectWrap select:focus + label {border:1px solid #222;}
.selectWrap select:active + label:after {top:15px;transform: rotate(-135deg);}
input {margin: 0;padding: 0;font-family: inherit;font-size: inherit;color: #222;line-height: 17px;vertical-align: top;-webkit-appearance: none;border-radius: 0;outline: none;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="file"] {height:38px;padding:0 10px;margin-top:1px;font-size:14px;line-height:36px;background-color:#fff;border:1px solid #cddaeb;box-sizing:border-box;-webkit-appearance:none;border-radius: 0;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus {border: 1px solid #222;}
input[type="text"]:disabled,
input[type="text"][readonly],
input[type="password"]:disabled,
input[type="password"][readonly],
input[type="tel"]:disabled,
input[type="tel"][readonly],
input[type="file"]:disabled,
input[type="file"][readonly] {background-color: #f2f2f2;color: #999;}
input[type="radio"] {position:absolute;z-index:-1;visibility:hidden;}
input[type="radio"] + label {position:relative;display:inline-block;overflow:hidden;height: 38px;padding-left:25px;color:#666;font-size:14px;line-height:38px;vertical-align: middle;cursor: pointer;}
input[type="radio"] + label:before {	
content:'';position:absolute;top:11px;left:0;width:18px;height:18px;border:1px solid #cedbeb;background:#faf9fe;border-radius:9px;}
input[type="radio"]:checked + label:before {border:1px solid #768186;}
input[type="radio"]:checked + label:after {	
content:'';position:absolute;top:16px;left:5px;width:8px;height:8px;background:#a8a8a8;border-radius:4px;}
input[type="radio"].noText + label {position:relative;display:inline-block;overflow:hidden;width: 18px;height: 18px;text-indent:-9999em;border:1px solid #ccc;vertical-align: middle;cursor: pointer;}
input[type="radio"].noText:checked + label {border:1px solid #40cecd;}
input[type="radio"].noText:checked + label:after {	
content:'';position:absolute;top:0;left:5px;width:6px;height:12px;border-right:2px solid #40cecd;border-bottom:2px solid #40cecd;transform:rotate(45deg);}
input[type="checkbox"] {position:absolute;z-index:-1;visibility:hidden;width: 17px;height: 17px;}
input[type="checkbox"] + label {position:relative;display:inline-block;overflow:hidden;height: 38px;padding-left:25px;color:#666;font-size:14px;line-height:38px;vertical-align: middle;cursor: pointer;}
input[type="checkbox"] + label:before {	
content:'';position:absolute;top:11px;left:0;width:18px;height:18px;border:1px solid #cddaeb;background:#faf9fe;}
input[type="checkbox"]:checked + label:before {border:1px solid #768186;}
input[type="checkbox"]:checked + label:after {	
content:'';position:absolute;top:12px;left:6px;width:6px;height:12px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);}
input[type="checkbox"].hidden + label {position:relative;display:inline-block;overflow:hidden;width: 17px;height: 17px;padding:0;text-indent:-9999em;border:1px solid #cddaeb;background:#faf9fe;vertical-align: middle;cursor: pointer;}
input[type="checkbox"].hidden + label:before {display:none;}
input[type="checkbox"].hidden:checked + label {border:1px solid #222;}
input[type="checkbox"].hidden:checked + label:after {content:'';position:absolute;top:0;left:5px;width:6px;height:12px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);}
input[type="checkbox"].row_check + label {position:relative;display:inline-block;overflow:hidden;width: 17px;height: 17px;padding:0;text-indent:-9999em;border:1px solid #cddaeb;background:#faf9fe;vertical-align: middle;cursor: pointer;}
input[type="checkbox"].row_check + label:before {display:none;}
input[type="checkbox"].row_check:checked + label {border:1px solid #222;}
input[type="checkbox"].row_check:checked + label:after {	
content:'';position:absolute;top:0;left:5px;width:6px;height:12px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);}
.fileSelector {overflow:hidden;margin-bottom:12px;}
.fileSelector div {position:relative;float:left;width:370px;}
.fileSelector input[type=text] {float:left;width:280px;margin-right:4px;}
.fileSelector input[type=file] {position:absolute;z-index:-1;visibility:hidden;}
.fileSelector input[type=file] + label {float:right;width:80px;height:38px;color:#fff;text-align:center;line-height:36px;background:#adb8bd;}
.fileSelector div + em {float:left;padding:0 25px !important;}
.fileSelector div + em + button {float:right;height:38px;color:#666 !important;text-align:center;line-height:38px;border:1px solid #adb8bd;}
/*파일첨부 loadimg */
.fileSelector>div+div {border:1px solid #adb8bd;height:38px;}
.fileSelector>div+div img {height:100%;}
.fileSelector>div.loadImg {width:38px;background:url(../images/icon_noimg.png) no-repeat 50% 50%;}

.fileSelector2 {overflow:hidden;}
.fileSelector2 input[type=text] {float:left;width:280px;margin-right:4px;}
.fileSelector2 input[type=file] {position:absolute;z-index:-1;visibility:hidden;}
.fileSelector2 input[type=file] + label {float:left;margin-left:8px;width:48px;height:40px;color:#fff;text-align:center;line-height:36px;background:#adb8bd;   cursor: pointer;}
.fontsetup {float:left;display:block;margin-left:3px}
.fontsetup .selectWrap{float:left;width:70px}
.fontsetup .Btns .Btn {display: inline-block;width: 38px;height: 38px;padding: 0px;color: #666;font-size: 13px;line-height: 38px;border:1px solid #cddaeb;background:#fff;}
.fontsetup .Btns .Btn:hover {display: inline-block;width: 38px;height: 38px;padding: 0px;color: #666;font-size: 13px;line-height: 38px;border:1px solid #737e83;background:#f6f6f6;cursor: pointer;}
.fontsetup .Btns .bold{font-weight:bold;margin-left:5px;cursor: pointer;}
.fontsetup .Btns .italic{font-style:italic;margin-left:2px;cursor: pointer;}
.fontsetup .Btns .on {color:#222;border:1px solid #737e83;background:#f6f6f6;}
textarea {-webkit-appearance: none;border-radius: 0;border:1px solid #d1d1d1;color: #222;font-weight:300;background: #fff;padding: 15px 10px;font-family: "Noto Sans KR", "맑은 고딕", sans-serif;font-size: 16px;width: 100%;min-height: 70px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none;resize: none;}
.w50 {width:60px;}
.w60 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w230 {width:230px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w600 {width:600px;}
.w650 {width:650px;}
.w700 {width:700px;}
.h38 {height:38px;}
::placeholder {color: #a1a2a6;font-weight:100;opacity: 1;}
:-ms-input-placeholder {color: #a1a2a6;font-weight:100;}
::-ms-input-placeholder {color: #a1a2a6;font-weight:100;}
body {font-family: "Noto Sans KR", "맑은 고딕", sans-serif, dotum;font-weight:300;font-size: 16px;color: #666;line-height: normal;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

/* 요소 숨김 */
.blind {overflow: hidden;position: absolute;z-index:-1;height:0;visibility: hidden;}
header {position:relative;overflow:hidden;width:100%;/*min-width:1600px;*/
	min-width:1024px;max-width:1980px;}
header h1 {float:left;}
header h1.loginWrap {margin-left:30px;}
header > div {float:right;padding-right:27px;}
header > div button {float:left;overflow:hidden;height:24px;margin-top:16px;padding:0 7px;color:#858585;font-size:13px;line-height:22px;border:1px solid #cddaeb;border-radius:3px;}
header > div ul {float:left;}
header > div ul li {position:relative;float:left;padding-left:16px;margin-left:14px;}
header > div ul li:before {content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#e8e8e8;}
header > div ul li:first-child {padding-left:0;margin-left:28px;}
header > div ul li:first-child:before {display:none;}
header > div ul li a {display:block;height:55px;color:#858585;font-size:13px;line-height:55px;}
header nav {overflow:hidden;width:100%;height:54px;border-top:2px solid #00aaf0;border-bottom:1px solid #cfe0ec;background:#fff;}
header nav ul {overflow:hidden;}
header nav ul li {float:left;padding:0 27px;}
header nav ul li a {display:block;height:50px;color:#222;font-size:17px;font-weight:400;line-height:50px;}
header nav ul li.on a, header nav ul li a:hover {color:#00a0ee;font-weight:bold;}
footer {position:fixed;bottom:0;left:0;width:100%;color:#999;font-size:12px;text-align:center;line-height:100px;background:#fff;}
#wrap {min-width:1600px; max-width:1980px;}
#container {position:relative;overflow:hidden;width:100%;}
#container:after {content:'';position:absolute;top:0;left:300px;width:1px;height:100%;background:#cee0ec;}
#container.loginWrap {border-top:1px solid #cee0ec;}
#container.loginWrap:after {display:none;}

#container nav {float:left;width:300px;}
#container nav h2 {height:126px;padding-top:80px;color:#222;font-size:20px;font-weight:400;text-align:center;border-bottom:1px solid #cee0ec;background-repeat:no-repeat;background-position:50% 37px;}
#container nav h2.mallDesign {background-image:url(../images/bullet_design_set.png);}
#container nav h2.memberInfo {background-image:url(../images/bullet_member_set.png);}
#container nav > ul {overflow:hidden;}
#container nav > ul > li {overflow:hidden;border-bottom:1px solid #cee0ec;}
#container nav > ul > li > a {position:relative;display:block;height:47px;padding-left:28px;color:#222;font-size:16px;line-height:47px;}
#container nav > ul > li > a.sub:before {content:'';position:absolute;top:50%;right:35px;width:10px;height:1px;background:#17b2f1;transform:rotate(35deg);transition:.3s;}
#container nav > ul > li > a.sub:after {content:'';position:absolute;top:50%;right:27px;width:10px;height:1px;background:#17b2f1;transform:rotate(-35deg);transition:.3s;}
#container nav > ul > li.on > a.sub:before {background:#383838;transform:rotate(-35deg);}
#container nav > ul > li.on > a.sub:after {background:#383838;transform:rotate(35deg);}
#container nav ul li ul {display:none;overflow:hidden;padding:10px 0;border-top:1px solid #ebf3f7;background:#faf9fe;}
#container nav ul li.on ul {display:block;}
#container nav ul li ul li {height:35px;}
#container nav ul li ul li a {display:block;height:36px;padding-left:23px;color:#a4afb7;font-size:14px;line-height:36px;}
#container nav ul li ul li a:before {content:'ㆍ ';}
#container nav ul li ul li.on a, #container nav ul li ul li a:hover {color:#00aaf0;}
#container nav div {overflow:hidden;}
#container nav div a {position:relative;display:block;height:93px;padding-left:27px;color:#222;font-size:16px;font-weight:500;line-height:93px;border-bottom:1px solid #cee0ec;background-repeat:no-repeat;background-position:91% 50%;}
#container nav div a.menual {background-image:url(../images/icon_menual.png);}
#container nav div a.start {background-image:url(../images/icon_start.png);}
#container nav div a span {position:relative;float:left;height:93px;padding-right:35px;}
#container nav div a span:before {content:'';position:absolute;top:42px;right:-5px;width:10px;height:10px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #a5b3bd;}
#container nav div a span:after {content:'';position:absolute;top:46px;right:0;width:24px;height:1px;background:#a5b3bd;}
#container nav div dl {overflow:hidden;padding:25px;border-bottom:1px solid #cee0ec;background:url(../images/icon_phone.png) no-repeat 91% 85%;}
#container nav div dl dt {color:#959595;font-size:13px;font-weight:500;line-height:22px;}
#container nav div dl dd.phone {margin-bottom:30px;color:#222;font-size:30px;font-weight:600;line-height:32px}
#container nav div dl dd.title {color:#959595;font-size:13px;font-weight:500;}
#container nav div dl dd {color:#444;font-size:13px;line-height:22px;}

#contents {position:relative;overflow:hidden;}

#contents .location {overflow:hidden;border-bottom:1px solid #cee0ec;background:#f6f6f6;}
#contents .location ul {overflow:hidden;padding-left:20px;}
#contents .location ul li {position:relative;float:left;height:49px;padding-left:18px;margin-left:10px;color:#959595;font-size:14px;line-height:49px;}
#contents .location ul li:before {content:'';position:absolute;top:21px;left:0;width:7px;height:7px;border-top:1px solid #959595;border-right:1px solid #959595;transform:rotate(45deg);}
#contents .location ul li:first-child {padding-left:0;margin-left:0;}
#contents .location ul li:first-child:before {display:none;}
#contents .location ul li:last-child {color:#444;}

#contents article {position:relative;padding:0 30px 50px;}
#contents article > h3 {height:95px;color:#055fb4;font-size:28px;font-weight:400;line-height:95px;}
#contents article > h3.border {height:77px;margin-bottom:20px;border-bottom:2px solid #00aaf0;}
#contents article > h3.borderTable {height:77px;border-bottom:2px solid #00aaf0;}
#contents article > h3 span {display:inline-block;padding-top:33px;}
#contents article > h3 span a {float:left;height:30px;margin-left:5px;}
#contents article > h3 span button {float:left;overflow:hidden;height:30px;padding:0 15px;margin-left:5px;border:1px solid #adb8bd;border-radius: 2px;}
#contents article > h4 {height:38px;color:#222;font-size:20px;font-weight:400;line-height:38px;}
#contents article > h4 span {display:inline-block;padding-top:4px;}
#contents article > h4 span a {margin-left:5px;}
#contents article .subtitle01{margin-top:30px;}
/* 191112 riyn 도움말 아이콘 i.tooltip로 통일
#contents article .subtitle i {display:inline-block;overflow:hidden;width:19px;height:38px;text-indent:-9999em;background:url(../images/icon_quist.png) no-repeat 50% 50%;}
#contents article .subtitle i {margin-left:0px;margin-top:2px;}
*/
.clear01 {clear: both;display:block;overflow:hidden}
.clear02 {clear: both;margin-top:8px;display:block;overflow:hidden}
.clear03 {clear: both;margin-top:8px;margin-bottom:8px;display:block;overflow:hidden}
.clear04 {clear: both;display:block;overflow:hidden}
.scroll{overflow-y:scroll}
.hi400{height:400px}
.hi450{height:450px}
.hi500{height:500px}
.hi550{height:550px}
.hi600{height:600px}
.leftarea{float:left;width:45%;display:block;overflow:hidden}
.rightarea{float:right;width:45%;display:block;overflow:hidden}
.centerarea{float:left;width:10%;display:block;overflow:hidden;text-align:center;}
.centerarea button{width:80%;margin:0 auto;border:1px solid #e1e6ec}
.rowlist {clear: both;margin-top:10px;height:250px;overflow-y:scroll;border:1px solid #e1e6ec}
.rowlist ul{margin:10px;}
.rowlist li{padding:3px 0 3px 0}
.rowlist .on{background:#edf9fe}
.tab {position:relative;overflow:hidden;width:100%;}
.tab.style01 {padding-bottom:2px;margin-bottom:10px;}
.tab.style01:after {content:'';position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:2px;border-bottom:2px solid #222;}
.tab.style01 li {position:relative;float:left;border-top:2px solid #e1e6ec;border-right:2px solid #e1e6ec;}
.tab.style01 li:before {content:'';position:absolute;top:-2px;left:-2px;z-index:2;width:2px;height:49px;border-left:2px solid #e1e6ec;}
.tab.style01 li:first-child:before {left:0;height:51px;}
.tab.style01 li.on {border-top:2px solid #222;border-right:2px solid #222;}
.tab.style01 li.on:before {border-left:2px solid #222;}
.tab.style01 li.on:after {content:'';position:absolute;bottom:-2px;left:0;z-index:2;width:100%;height:2px;border-bottom:2px solid #fff;}
.tab.style01 li.on + li:before {border-left:2px solid #222;}
.tab.style01 li a {display:block;height:47px;padding:0 35px;color:#666;font-size:16px;line-height:46px;}
.tab.style01 li.on a {color:#222;}
.tab_style02 { /* 191106 riyn */
	margin-bottom:20px;}
.listWrap {position:relative;overflow:hidden;}
.listWrap .tab.style01 {margin-bottom:8px;}
.listWrap .listSelect {height:55px;margin-bottom:50px;text-align:center;}
.listWrap .listSelect .selectWrap {position:relative;display:inline-block;}
.listWrap .listSelect .selectWrap select {width:300px;height:53px;color:#222;font-size:16px;font-weight:100;line-height:40px;text-align:center;opacity:0;}
.listWrap .listSelect .selectWrap select + label {position:absolute;top:0;left:0;z-index:-1;width:100%;height:53px;color:#222;font-size:28px;font-weight:400;line-height:51px;border:0;border-bottom:2px solid #adb8bd;}
.listWrap .listSelect .selectWrap select + label:after {top:19px;}
/* 191106 add riyn */
.listWrap div[class^="list"] {margin-bottom:10px;}
.listWrap .listInfo {display:inline-block;width:100%;margin-bottom:10px;}
.listWrap .listInfo.line {padding-bottom:8px;margin-bottom:10px;border-bottom:2px solid #737e83;}
.listWrap .listInfo.pos {position:absolute;top:4px;right:0;width:auto;}
.listWrap .listInfo dl {position:relative;float:left;padding-left:9px;margin-left:8px;line-height:38px;}
.listWrap .listInfo dl:before {content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#a3a3a3;}
.listWrap .listInfo dl:first-child {padding-left:0;margin-left:0;}
.listWrap .listInfo dl:first-child:before {display:none;}
.listWrap .listInfo dl dt {float:left;color:#666;font-size:13px;}
.listWrap .listInfo dl dd {float:left;margin-left:5px;color:#666;font-size:13px;}
.listWrap .listInfo dl dd strong {color:#f6487a;font-weight:500;}
.listWrap .listInfo span {float:left;}
.listWrap .listInfo span label {margin-left:35px;}
.listWrap .listInfo > div {float:right;}
.listWrap .listInfo > div label {float:left;margin-right:20px;}
.listWrap .listInfo > div .selectWrap {float:left;margin-left:4px;}
.listWrap .listBtns {display:inline-block;width:100%;}
.listWrap .listBtns > dl {position:relative;float:left;padding-left:9px;margin-left:8px;line-height:38px;}
.listWrap .listBtns > dl:before {content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#a3a3a3;}
.listWrap .listBtns > dl:first-child {padding-left:0;margin-left:0;}
.listWrap .listBtns > dl:first-child:before {display:none;}
.listWrap .listBtns > dl dt {float:left;color:#666;font-size:13px;}
.listWrap .listBtns > dl dd {float:left;margin-left:5px;color:#666;font-size:13px;}
.listWrap .listBtns > dl dd strong {color:#f6487a;font-weight:500;}
.listWrap .listBtns > div {float:right;}
.listWrap .listBtns > div:first-child {float:left;padding-right:0;}
.listWrap .listBtns > div.right {float:right;}
.listWrap .listBtns > div .selectWrap {float:left;width:230px;}
.listWrap .listBtns > div button {float:left;overflow:hidden;height:30px;padding:0 12px;margin-left:7px;color:#fff;font-size:13px;font-weight:100;line-height:30px;border-radius:3px;}
.listWrap .listBtns > div button.tow {height:50px;line-height:20px;;}
.listWrap .listBtns > div button:first-child {margin-left:0;}
.listWrap .listBtns > div.right button {margin-left:10px;}
.listWrap .listBtns > div button.set {background:#777;}
.listWrap .listBtns > div button.copy {background:#35c0ba;}
.listWrap .listBtns > div button.add {background:#00aaf0;}
.listWrap .listBtns > div button.delete {background:#222;}
.listWrap .listBtns > div button.can {background:#aa59e8;}
.listWrap .listBtns > div button.excel {background:#35c0ba;}
.listWrap .listBtns > div button.print {background:#adb8bd;}
.listWrap .listBtns > div button.memo {background:#00aaf0;}
.listWrap .listBtns > div button.setup {background:#adb8bd;}
.listWrap.style01 .list {overflow:hidden;}
.listWrap.style01 .list li {position:relative;float:left;width:380px;margin:0 3px;margin-bottom:20px;}
.listWrap.style01 .list li a {display:block;}
.listWrap.style01 .list li a span {display:block;overflow:hidden;width:378px;height:258px;border:1px solid #adb8bd;}
.listWrap.style01 .list li a p {height:50px;padding-left:10px;color:#666;font-size:16px;line-height:50px;}
.listWrap.style01 .list li div {position:absolute;top:0;left:0;width:100%;height:260px;padding-top:80px;text-align:center;background:rgba(0,0,0,.6);opacity:0;transition:.5s;}
.listWrap.style01 .list li:hover div {opacity:1;}
.listWrap.style01 .list li div span {position:relative;display:inline-block;overflow:hidden;width:72px;height:72px;text-indent:-9999em;background:#fff;border-radius:36px;}
.listWrap.style01 .list li div span:before {content:'';position:absolute;top:23px;left:35px;width:2px;height:23px;background:#545758}
.listWrap.style01 .list li div span:after {content:'';position:absolute;top:35px;left:23px;width:23px;height:2px;background:#545758}
.listWrap.style01 .list li div p {color:#fff;font-size:20px;line-height:52px;}

.listWrap.style02 .list {overflow:hidden;border-bottom:2px solid #737e83;}
.listWrap.style02 .list table {width:100%;table-layout:auto;}
.listWrap.style02 .list table thead tr th {padding:20px 10px;color:#444;font-size:14px;font-weight:400;border-top:1px solid #adb8bd;border-left:1px solid #e1e9ed;background:#fbfbfb;}
.listWrap.style02 .list table thead tr th:first-child {border-left:0;}
.listWrap.style02 .list table tbody tr td {padding:20px;color:#666;font-size:14px;text-align:center;border-top:1px solid #e1e9ed;border-left:1px solid #e1e9ed;}
.listWrap.style02 .list table tbody tr td:first-child {border-left:0;}
.listWrap.style02 .list table tbody tr:first-child td {border-top:1px solid #adb8bd;}
.listWrap.style02 .list table tbody tr td.left {text-align:left;}
.listWrap.style02 .list table tbody tr td .img {position:relative;display:inline-block;overflow:hidden;}
.listWrap.style02 .list table tbody tr td .img span {display:inline-block;overflow:hidden;width:221px;height:161px;border:1px solid #adb8bd;}
.listWrap.style02 .list table tbody tr td .img div {position:absolute;top:0;left:0;width:100%;height:100%;padding-top:30px;text-align:center;background:rgba(0,0,0,.6);opacity:0;transition:.5s;}
.listWrap.style02 .list table tbody tr td .img:hover div {opacity:1;}
.listWrap.style02 .list table tbody tr td .img div span {position:relative;display:inline-block;overflow:hidden;width:72px;height:72px;text-indent:-9999em;background:#fff;border-radius:36px;}
.listWrap.style02 .list table tbody tr td .img div span:before {content:'';position:absolute;top:23px;left:35px;width:2px;height:23px;background:#545758}
.listWrap.style02 .list table tbody tr td .img div span:after {content:'';position:absolute;top:35px;left:23px;width:23px;height:2px;background:#545758}
.listWrap.style02 .list table tbody tr td .img div p {color:#fff;font-size:20px;line-height:52px;}
.listWrap.style02 .list table tbody tr td a {margin:0 3px;}
.listWrap.style02 .list table tbody tr td button {display:inline-block;height:38px;padding:0 11px;color:#666;font-size:13px;line-height:38px;border:1px solid #adb8bd;background:#fff;}
.listWrap.style02 .list table tbody tr td button:hover {color:#222;border:1px solid #737e83;background:#f6f6f6;}
.listWrap.style02 .list table tbody tr td.datailInfo {text-align:left;}
.listWrap.style02 .list table tbody tr td.datailInfo dl {overflow:hidden;}
.listWrap.style02 .list table tbody tr td.datailInfo dl dt {color:#222;font-size:14px;line-height:30px;}
.listWrap.style02 .list table tbody tr td.datailInfo dl dd {color:#666;font-size:14px;line-height:30px;}
.listWrap.style02 .list table tbody tr td.datailInfo dl dd button {overflow:hidden;height:30px;margin-left:10px;padding:0 11px;color:#fff;line-height:30px;background:#777;border-radius:3px;}
.listWrap.style02 .list table tbody tr td.datailInfo dl dd a {color:#00aaf0;}
.listWrap.style02 .list table tbody tr td.datailInfo dl dd strong {color:#f6487a;}
.listWrap.style02 .list table tbody tr td.datailInfo .flag {overflow:hidden;}
.listWrap.style02 .list table tbody tr td.datailInfo .flag span {float:left;overflow:hidden;height:22px;margin-right:4px;padding:0 7px;color:#fff;font-size:11px;line-height:22px;border-radius:3px;}
.listWrap.style02 .list table tbody tr td.datailInfo .flag span.blue {background:#00aaf0;}
.listWrap.style02 .list table tbody tr td.datailInfo .flag span.red {background:#f6487a;}
.listWrap.style02 .list + .listBtns {margin-top:9px;}

.listWrap.style03 .list {overflow:hidden;border-bottom:2px solid #737e83;}
.listWrap.style03 .list table {width:100%;table-layout:auto;}
.listWrap.style03 .list table thead tr th {padding:20px 10px;color:#444;font-size:14px;font-weight:400;border-top:1px solid #adb8bd;border-left:1px solid #e1e9ed;background:#fbfbfb;}
.listWrap.style03 .list table thead tr th:first-child {border-left:0;}
.listWrap.style03 .list table thead tr th a.sort {position:relative;display:inline-block;padding-right:22px;}
.listWrap.style03 .list table thead tr th a.sort:after {content:'';position:absolute;top:40%;right:0;width:11px;height:14px;border-width:7px 6px;border-style:solid;border-color:#adb8bd transparent transparent transparent;}
.listWrap.style03 .list table thead tr th a.sort.up:after {top:0;border-color:transparent transparent #adb8bd transparent;}
.listWrap.style03 .list table tbody tr td {height:55px;padding:10px 20px;color:#666;font-size:14px;text-align:center;border-top:1px solid #e1e9ed;border-left:1px solid #e1e9ed;}
.listWrap.style03 .list table tbody tr td:first-child {border-left:0;}
.listWrap.style03 .list table tbody tr:first-child td {border-top:1px solid #adb8bd;}
.listWrap.style03 .list table tbody tr td.left {text-align:left;}
.listWrap.style03 .list table tbody tr td.right {text-align:right;}
.listWrap.style03 .list table tbody tr td.center {text-align:center;}
.listWrap.style03 .list table tbody tr td .img {position:relative;display:inline-block;overflow:hidden;}
.listWrap.style03 .list table tbody tr td .img span {display:inline-block;overflow:hidden;width:221px;height:161px;border:1px solid #adb8bd;}
.listWrap.style03 .list table tbody tr td .img div {position:absolute;top:0;left:0;width:100%;height:100%;padding-top:30px;text-align:center;background:rgba(0,0,0,.6);opacity:0;transition:.5s;}
.listWrap.style03 .list table tbody tr td .img:hover div {opacity:1;}
.listWrap.style03 .list table tbody tr td .img div span {position:relative;display:inline-block;overflow:hidden;width:72px;height:72px;text-indent:-9999em;background:#fff;border-radius:36px;}
.listWrap.style03 .list table tbody tr td .img div span:before {content:'';position:absolute;top:23px;left:35px;width:2px;height:23px;background:#545758}
.listWrap.style03 .list table tbody tr td .img div span:after {content:'';position:absolute;top:35px;left:23px;width:23px;height:2px;background:#545758}
.listWrap.style03 .list table tbody tr td .img div p {color:#fff;font-size:20px;line-height:52px;}
.listWrap.style03 .list table tbody tr td .thumImg {display:inline-block;width:65px;height:45px;border:1px solid #adb8bd;background:url(../images/@dummy02.png) no-repeat 50% 50%;}
.listWrap.style03 .list table tbody tr td a {margin:0 3px;}
.listWrap.style03 .list table tbody tr td button {display:inline-block;height:38px;padding:0 11px;color:#666;font-size:13px;line-height:36px;border:1px solid #adb8bd;background:#fff;}
.listWrap.style03 .list table tbody tr td .oderInfo {overflow:hidden;padding-top:10px;}
.listWrap.style03 .list table tbody tr td .oderInfo dt {margin-bottom:10px;}
.listWrap.style03 .list table tbody tr td .oderInfo dd {line-height:22px;}
.listWrap.style03 .list table tbody tr td .oderInfo dd span {color:#00aaf0;}
.listWrap.style03 .list table tbody tr td .oderInfo dd strong {color:#f6487a;}
.listWrap.style03 .list table tbody tr td .oderFlag {display:inline-block;overflow:hidden;width:22px;height:22px;color:#fff;font-size:11px;text-align:center;line-height:22px;background:#222;border-radius:3px;}
.listWrap.style03 .list table tbody tr td .oderFlag.no {background:#00aaf0;}
.listWrap.style03 .list table tbody tr td .oderFlag.yes {background:#35c0ba;}
.listWrap.style03 .list table tbody tr td .oderFlag.not {background:#f6487a;}
.listWrap.style03 .list table tbody tr td button:hover {color:#222;border:1px solid #737e83;background:#f6f6f6;}
.listWrap.style03 .list table tbody tr.special td {background:#fefaee;}
.listWrap.style03 .list table tbody tr.mobile td {background:#edf9fe;}
.listWrap.style03 .list table tbody tr.black td {background:#ececec;}
.listWrap.style03 .list table tbody tr:hover td {background:#faf9fe;}

.listWrap.style04 .list {overflow:hidden;border-top:2px solid #737e83;}
.listWrap.style04 .longtable {/* overflow-x:scroll; 191106 riyn */
	overflow-x:auto;}
.listWrap.style04 .longtable table {	
}
.listWrap.style04 .list .top{background:#fff;text-align:left;}
.listWrap.style04 .list table thead tr th {padding:10px 10px; color:#444; font-size:14px; font-weight:400; border-top:1px solid #adb8bd; border-bottom:1px solid #adb8bd; background:#fbfbfb;}
.listWrap.style04 .list table thead tr th+th,
 .listWrap.style04 .list table.twinhead thead tr:nth-child(3) th { border-left:1px solid #e1e9ed;}
.listWrap.style04 .list table tfoot tr th {padding:10px 10px;color:#444;font-size:14px;font-weight:400;border-bottom:2px solid #737e83;border-left:1px solid #e1e9ed;background:#fbfbfb;}
.listWrap.style04 .list table tfoot tr th:first-child {border-left:0;}
.listWrap.style04 .list table tfoot tr td {padding:15px 10px 15px 10px;color:#666;font-size:14px;text-align:center;border-bottom:1px solid #e1e9ed;border-left:1px solid #e1e9ed;}
.listWrap.style04 .list table tfoot tr td:first-child {border-left:0;}

.listWrap.style04 .list table tbody tr td {padding:15px 10px 15px 10px;color:#666;font-size:14px;text-align:center;border-bottom:1px solid #e1e9ed;border-left:1px solid #e1e9ed;/* 191107 riyn 글자수 많아지면 줄바꿈 기본선언 무마용 */
	white-space:normal;}
.listWrap.style04 .list table tbody tr td:first-child {border-left:0;}

.listWrap.style04 .list table tbody tr:last-child td {border-bottom:1px solid #adb8bd;}
.listWrap.style04 .list table tbody tr:hover {background:#edf9fe}
.listWrap.style04 .list table tbody tr td.left {text-align:left;}
.listWrap.style04 .list table tbody tr td .thumImg {display:inline-block;width:65px;height:45px;border:1px solid #adb8bd;background:url(../images/@dummy02.png) no-repeat 50% 50%;}
.listWrap.style04 .list table tbody tr td .productImg {display:inline-block;float:left;width:65px;height:65px;border:1px solid #adb8bd;background:url(../images/@dummy02.png) no-repeat 50% 50%;}
.listWrap.style04 .list table tbody tr td .productinfo {margin-left:8px;display:inline-block;float:left;}

.listWrap.style04 .list table tbody tr td .img {position:relative;display:inline-block;overflow:hidden;}
.listWrap.style04 .list table tbody tr td .img span {display:inline-block;overflow:hidden;width:221px;height:161px;border:1px solid #adb8bd;}
.listWrap.style04 .list table tbody tr td .img div {position:absolute;top:0;left:0;width:100%;height:100%;padding-top:30px;text-align:center;background:rgba(0,0,0,.6);opacity:0;transition:.5s;}
.listWrap.style04 .list table tbody tr td .img:hover div {opacity:1;}
.listWrap.style04 .list table tbody tr td .img div span {position:relative;display:inline-block;overflow:hidden;width:72px;height:72px;text-indent:-9999em;background:#fff;border-radius:36px;}
.listWrap.style04 .list table tbody tr td .img div span:before {content:'';position:absolute;top:23px;left:35px;width:2px;height:23px;background:#545758}
.listWrap.style04 .list table tbody tr td .img div span:after {content:'';position:absolute;top:35px;left:23px;width:23px;height:2px;background:#545758}
.listWrap.style04 .list table tbody tr td .img div p {color:#fff;font-size:20px;line-height:52px;}
.listWrap.style04 table i,
.tooltip:not(.btn_txt) {display:inline-block;overflow:hidden;width:19px;height:34px;text-indent:-9999em;background:url(../images/icon_quist.png) no-repeat 50% 50%;}
.apply_box .tooltip {height:24px;}
h3 .tooltip:not(.btn_txt) {float:left;height:30px;margin-left:5px;}
 
.listWrap.style04 .list table tbody tr td a{color:#000;text-decoration: underline;}

.listWrap.style04 .list table tbody tr td button {display:inline-block;height:38px;padding:0 11px;color:#666;font-size:13px;line-height:38px;border:1px solid #adb8bd;background:#fff;margin-bottom:5px;}
.listWrap.style04 table thead tr i {display:inline-block;overflow:hidden;width:19px;height:20px;text-indent:-9999em;background:url(../images/icon_quist.png) 0px -4px no-repeat;}
.listWrap.style04 table tbody td i {display:inline-block;overflow:hidden;width:19px;height:20px;text-indent:-9999em;background:url(../images/icon_quist.png) 0px -4px no-repeat;}
.listWrap.style04 .top i {display:inline-block;overflow:hidden;width:19px;height:20px;margin-top:5px;text-indent:-9999em;background:url(../images/icon_quist.png) 0px -4px no-repeat;}

.longtable{}

.listWrap.style04 .list table tbody tr td.datailInfo {text-align:left;}
.listWrap.style04 .list table tbody tr td.datailInfo dl {overflow:hidden;}
.listWrap.style04 .list table tbody tr td.datailInfo dl dt {color:#222;font-size:14px;line-height:30px;}
.listWrap.style04 .list table tbody tr td.datailInfo dl dd {color:#666;font-size:14px;line-height:30px;}
.listWrap.style04 .list table tbody tr td.datailInfo dl dd button {overflow:hidden;height:30px;margin-left:10px;padding:0 11px;color:#fff;line-height:30px;background:#777;border-radius:3px;}
.listWrap.style04 .list table tbody tr td.datailInfo dl dd a {color:#00aaf0;}
.listWrap.style04 .list table tbody tr td.datailInfo dl dd strong {color:#f6487a;}
.listWrap.style04 .list table tbody tr td.datailInfo .flag {overflow:hidden;}
.listWrap.style04 .list table tbody tr td.datailInfo .flag span {float:left;overflow:hidden;height:22px;margin-right:4px;padding:0 7px;color:#fff;font-size:11px;line-height:22px;border-radius:3px;}
.listWrap.style04 .list table tbody tr td.datailInfo .flag span.blue {background:#00aaf0;}
.listWrap.style04 .list table tbody tr td.datailInfo .flag span.red {background:#f6487a;}
.listWrap.style04 .list .select{background:#fefaee}
.listWrap.style04 .list + .listBtns {margin-top:9px;}
.listWrap.style04 .listBtns .right{float:right}
.listWrap.style04 .loadImg{float:left;border:1px solid #cddaeb;padding:0;}

.classWrap {overflow:hidden;padding:8px 20px;margin-bottom:25px;border-top:1px solid #adb8bd;border-bottom:1px solid #adb8bd;background:#fbfbfb;}
.listWrap + .classWrap {margin-top:25px;margin-bottom:0;}
.classWrap > div {float:right;}
.classWrap > div:first-child {float:left;}
.classWrap > div .selectWrap {float:left;margin-left:4px;}
.classWrap > div .selectWrap:first-child {margin-left:0;}
.classWrap > div input,
.classWrap > div button {float:left;margin-left:4px;}
.classWrap > div button {height:38px;padding:0 20px;color:#fff;font-size:14px;line-height:38px;background:#222;}
.classWrap > div p {float:left;color:#444;font-size:14px;line-height:38px;}
.classWrap > div p:before {content:'ㆍ ';}

.table.style01 table {table-layout: auto;}
.table.style01 table thead tr th {padding:10px;font-size:18px;font-weight:300;border-bottom:1px solid #333;background:#f9f9f9;}
.table.style01 table tbody tr td {height:50px;padding:0 10px;text-align:center;border-bottom:1px solid #e7e7e7;}
.table.style01 table tbody tr:hover td {background: #eaffff;}
.table.style01 table tbody tr td a {color:#00a1a1;text-decoration:underline;}
.table.style01 table tbody tr td strong {display:inline-block;overflow:hidden;width:90%;height:30px;color:#fff;line-height:28px;font-weight:300;border-radius:3px;}
.table.style01 table tbody tr td strong.running {background:#55c554;}
.table.style01 table tbody tr td strong.warning {background:#fba602;}
.table.style01 table tbody tr td strong.critical {background:#e91a61;}
.table.style01 table tbody tr td strong.fail {background:#c048c8;}
.table.style01 table tbody tr td.ing {color:#000;}
.table.style01 table tbody tr td.end {color:#bbb;}


h4 + .table.style04 {margin-top:0;border-top:2px solid #737e83;border-bottom:1px solid #adb8bd;}
.table.style04 table tbody tr th {height:54px;padding:8px 10px 8px 10px;color:#444;font-size:14px;font-weight:400;text-align:left;line-height:38px;border-top:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;background:#fbfbfb;}
.table.style04 table tbody tr th:first-child {border-left:0;}
.table.style04 table tbody tr td {height:54px;padding:8px 10px 8px 10px;color:#444;font-size:14px;text-align:left;border-top:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;}
.table.style04 table tbody tr:first-child th,
.table.style04 table tbody tr:first-child td {border-top:0;}
.table.style04 table tbody tr td .selectWrap label{text-align:left;/*200131 riyn 검색폼 안에서 select 하단 라인 잘림 현상 해결 */
	height:36px;}
.table.style04 table tbody tr td .selectWrap,
.table.style04 table tbody tr td input,
.table.style04 table tbody tr td a,
.table.style04 table tbody tr td button,
.table.style04 table tbody tr td label,
.table.style04 table tbody tr td em,
.table.style04 table tbody tr td strong,
.table.style04 table tbody tr td span {float:left;margin-right:5px;}
.table.style04 table tbody tr td em {padding:0 10px;color:#666;font-size:14px;line-height:38px;}
.table.style04 table tbody tr td span {color:#999;font-size:13px;line-height:38px;}
.table.style04 table tbody tr td strong {font-weight:400;line-height:38px;}
.table.style04 table tbody tr td strong.blue {margin-left:10px;color:#00aaf0;}
.table.style04 table tbody tr td input[type=radio] + label {margin-right:40px;}
.table.style04 table tbody tr td input[type=checkbox] + label {	
}
.table table tbody tr td button {height:38px;padding:0 15px;color:#000;font-size:13px;line-height:36px;}
.table table tbody tr td button.prodSearch {padding-left:35px;margin-right:128px;background:#00aaf0 url(../images/btn_table_search.png) no-repeat 15px 50%;}
.table table tbody tr td button.prodSearch:hover {background:#00aaf0 url(../images/btn_table_search.png) no-repeat 15px 50%;}
.table table tbody tr td button.file {background:#adb8bd;}
.table table tbody tr td button.day {border: 1px solid #e1e9ed;background:#fbfbfb;}
/* 191119 riyn 검색 버튼 비활성화시 */
.table table tbody tr td button.day:disabled,
.table table tbody tr td button.day:disabled:hover {background-color: #f2f2f2;color: #999;}
/* 검색 버튼 마우스오버시 */
.table table tbody tr td button.day:hover {color:#fff;background-color:#00aaf0;}
.table table tbody tr td button.change {color:#666;font-size:13px;border:1px solid #adb8bd;}
.table table tbody tr td button.excel01 {background:#35c0ba;float:left;overflow:hidden;height:30px;padding:0 12px;margin-left:7px;color:#fff;font-size:13px;font-weight:100;line-height:30px;border-radius:3px;}
.table table tbody tr td button.excel02 {background:#35c0ba;float:left;overflow:hidden;height:30px;padding:0 12px;color:#fff;font-size:13px;font-weight:100;line-height:30px;border-radius:3px;}

.table.style04 table i {display:inline-block;overflow:hidden;width:19px;height:20px;margin-top:10px;text-indent:-9999em;background:url(../images/icon_quist.png) no-repeat 50% 50%;}
.table.style04 table th i {margin-left:7px;}
.table.style04 table td i {margin-left:10px;}
.table.style04 table.second {margin-top:20px;border-bottom:2px solid #adb8bd;}
.table.style04 table.second:first-child {margin-top:0;}
.table.style04 table.second tbody tr:first-child th,
.table.style04 table.second tbody tr:first-child td {border-top:1px solid #adb8bd;}
.table.style04 table tbody tr:last-child {border-bottom:1px solid #adb8bd;}
.table.style04 .subjectSelect {position:relative;overflow:hidden;display:table;width:98%;padding-bottom:38px;}
.table.style04 .subjectSelect > a {position:absolute;bottom:0;left:0;width:100%;text-align:center;border:1px solid #adb8bd;background:#fff;}
.table.style04 .subjectSelect > a strong {position:relative;display:inline-block;height:36px;padding-right:36px;color:#666;font-size:13px;font-weight:300;line-height:36px;}
.table.style04 .subjectSelect > a strong:after {content:'';position:absolute;top:45%;right:15px;width:11px;height:14px;border-width:7px 6px;border-style:solid;border-color:#adb8bd transparent transparent transparent;}
.table.style04 .subjectSelect > div {display:table-cell;width:25%;padding-bottom:38px;border-top:1px solid #adb8bd;border-right:1px solid #adb8bd;}
.table.style04 .subjectSelect > div:first-child {border-left:1px solid #adb8bd;}
.table.style04 .subjectSelect > div p {overflow:hidden;border-bottom:1px solid #adb8bd;background:#fbfbfb;}
.table.style04 table tbody tr td .subjectSelect > div p label {margin-left:11px;color:#222;}
.table.style04 .subjectSelect > div ul {overflow:hidden;height:160px;padding-bottom:10px;}
.table.style04 .subjectSelect > div ul li {overflow:hidden;width:100%;padding:0 11px;color:#666;}
.table.style04 .subjectSelect > div ul li.title {height:44px;color:#222;line-height:44px;border-bottom:1px solid #adb8bd;background:#fbfbfb;}
.table.style04 table tbody tr td .subjectSelect > div ul li label {margin-left:0;}
.table.style04 table tbody tr td p {overflow:hidden;color:#666;font-size:14px;line-height:38px;}
.table.style04 table tbody tr td p em {float:none;color:#999;font-size:13px;}

.table.style04 table tbody tr td .prodInfo {position:relative;overflow:hidden;}
.table.style04 table tbody tr td .prodInfo > div {float:left;}
.table.style04 table tbody tr td .prodInfo .img {width:65px;height:65px;margin-right:14px;border:1px solid #adb8bd;background:url(../images/icon_noimg2.png) no-repeat 50% 50%;}
.table.style04 table tbody tr td .prodInfo div dl {float:left;margin-right:20px;line-height:28px;}
.table.style04 table tbody tr td .prodInfo div dl:first-child {width:100%;margin-right:0;}
.table.style04 table tbody tr td .prodInfo div dl dt {float:left;color:#444;}
.table.style04 table tbody tr td .prodInfo div dl dd {float:left;color:#444;}
.table.style04 table tbody tr td .prodInfo button {position:absolute;top:50%;right:20px;height:38px;margin-top:-19px;color:#666 !important;text-align:center;line-height:38px;border:1px solid #adb8bd;}
.table.style04 table tbody tr td .fileList {overflow:hidden;}
.table.style04 table tbody tr td .fileList a {display:inline-block;height:26px;margin-right:50px;padding-right:30px;text-decoration:underline;background:url(../images/btn_table_file.png) no-repeat 100% 50%;}
.table.style04 table tbody tr td .answer {overflow:hidden;padding-top:45px;}
.table.style04 table tbody tr td .answer textarea {float:left;width:92%;height:70px;overflow-y:scroll;}
.table.style04 table tbody tr td .answer button {float:right;width:7%;height:70px;line-height:18px;background:#adb8bd;}
.table.style04 .intable01 .categoryrow{height:250px;overflow-y:scroll}



h4 + .table.style05 {margin-top:0;}
.table.style05 {border-top:2px solid #737e83}
.table.style05 table tbody tr th {padding:8px 10px 8px 10px;color:#444;font-size:14px;font-weight:400;text-align:left;line-height:38px;border-bottom:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;background:#fbfbfb;}
.table.style05 table tbody tr th:first-child {border-left:0;}
.table.style05 table tbody tr td {padding:8px 10px 8px 10px;line-height:38px;color:#444;font-size:14px;text-align:left;border-bottom:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;}
.table.style05 table tbody tr:first-child th,{border-top:0;}
.table.style05 table tbody tr:first-child td {border-top:0;}
.table.style05 table tbody tr td .selectWrap,
.table.style05 table tbody tr td input,
.table.style05 table tbody tr td a,
.table.style05 table tbody tr td button,
.table.style05 table tbody tr td label,
.table.style05 table tbody tr td em,
.table.style05 table tbody tr td strong,
.table.style05 table tbody tr td span {float:left;margin-right:5px;}
.table.style05 table tbody tr td em {padding:0 0px;color:#666;font-size:14px;line-height:38px;}
.table.style05 table tbody tr td span {color:#999;font-size:13px;line-height:38px;}
.table.style05 table tbody tr td strong {font-weight:400;line-height:38px;}
.table.style05 table tbody tr td strong.blue {margin-left:10px;color:#00aaf0;}
.table.style05 table tbody tr td input[type=radio] + label {margin-right:40px;}
.table.style05 table tbody tr td input[type=checkbox] + label {margin-left:5px;}
.table.style05 table tbody tr td button {height:38px;padding:0 15px;color:#666;font-size:13px;line-height:36px;border: 1px solid #adb8bd;}
.table.style05 table tbody tr td button.save {color:#fff;background:#00aaf0;border: none}
.table.style05 table tbody tr td button.prodSearch {padding-left:35px;margin-right:128px;background:#00aaf0 url(../images/btn_table_search.png) no-repeat 15px 50%;}
.table.style05 table tbody tr td button.prodSearch:hover {background:#222 url(../images/btn_table_search.png) no-repeat 15px 50%;}
.table.style05 table tbody tr td button.file {background:#adb8bd;}
.table.style05 table tbody tr td button.change {color:#666;font-size:13px;border:1px solid #adb8bd;}
.table.style05 table tbody tr td.noline {border-left:none;}

.table.style05 table tfoot tr th {padding:10px 10px;color:#444;font-size:14px;font-weight:400;border-bottom:2px solid #737e83;border-left:1px solid #e1e9ed;background:#fbfbfb;}
.table.style05 table tfoot tr th:first-child {border-left:0;}
.table.style05 table tfoot tr td {padding:15px 10px 15px 10px;color:#666;font-size:14px;text-align:center;border-bottom:1px solid #e1e9ed;border-left:1px solid #e1e9ed;}
.table.style05 table tfoot tr td:first-child {border-left:0;}


.table.style05 table i {display:inline-block;overflow:hidden;width:19px;height:38px;text-indent:-9999em;background:url(../images/icon_quist.png) no-repeat 50% 50%;}
.table.style05 table th i {margin-left:0px;margin-top:2px;}
.table.style05 table td i {margin-left:0px;margin-top:2px;}
.table.style05 table.second {margin-top:0px;border-bottom:2px solid #adb8bd;}
.table.style05 table.second:first-child {margin-top:0;}
.table.style05 table.second tbody tr:first-child th,
.table.style05 table.second tbody tr:first-child td {border-bottom:1px solid #e1e9ed;}
.table.style05 .subjectSelect {position:relative;overflow:hidden;display:table;width:98%;padding-bottom:38px;}
.table.style05 .subjectSelect > a {position:absolute;bottom:0;left:0;width:100%;text-align:center;border:1px solid #adb8bd;background:#fff;}
.table.style05 .subjectSelect > a strong {position:relative;display:inline-block;height:36px;padding-right:36px;color:#666;font-size:13px;font-weight:300;line-height:36px;}
.table.style05 .subjectSelect > a strong:after {content:'';position:absolute;top:45%;right:15px;width:11px;height:14px;border-width:7px 6px;border-style:solid;border-color:#adb8bd transparent transparent transparent;}
.table.style05 .subjectSelect > div {display:table-cell;width:25%;padding-bottom:38px;border-top:1px solid #adb8bd;border-right:1px solid #adb8bd;}
.table.style05 .subjectSelect > div:first-child {border-left:1px solid #adb8bd;}
.table.style05 .subjectSelect > div p {overflow:hidden;border-bottom:1px solid #adb8bd;background:#fbfbfb;}
.table.style05 table tbody tr td .subjectSelect > div p label {margin-left:11px;color:#222;}
.table.style05 .subjectSelect > div ul {overflow:hidden;height:160px;padding-bottom:10px;}
.table.style05 .subjectSelect > div ul li {overflow:hidden;width:100%;padding:0 11px;color:#666;}
.table.style05 .subjectSelect > div ul li.title {height:44px;color:#222;line-height:44px;border-bottom:1px solid #adb8bd;background:#fbfbfb;}
.table.style05 table tbody tr td .subjectSelect > div ul li label {margin-left:0;}
.table.style05 table tbody tr td p {overflow:hidden;color:#666;font-size:14px;line-height:38px;}
.table.style05 table tbody tr td p em {float:none; color:#999;font-size:13px;}

.table.style05 table tbody tr td .prodInfo {position:relative;overflow:hidden;}
.table.style05 table tbody tr td .prodInfo > div {float:left;}
.table.style05 table tbody tr td .prodInfo .img {width:65px;height:65px;margin-right:14px;border:1px solid #adb8bd;background:url(../images/icon_noimg2.png) no-repeat 50% 50%;}
.table.style05 table tbody tr td .prodInfo div dl {float:left;margin-right:20px;line-height:28px;}
.table.style05 table tbody tr td .prodInfo div dl:first-child {width:100%;margin-right:0;}
.table.style05 table tbody tr td .prodInfo div dl dt {float:left;color:#444;}
.table.style05 table tbody tr td .prodInfo div dl dd {float:left;color:#444;}
.table.style05 table tbody tr td .prodInfo button {position:absolute;top:50%;right:20px;height:38px;margin-top:-19px;color:#666 !important;text-align:center;line-height:38px;border:1px solid #adb8bd;}
.table.style05 table tbody tr td .fileList {overflow:hidden;}
.table.style05 table tbody tr td .fileList a {display:inline-block;height:26px;margin-right:50px;padding-right:30px;text-decoration:underline;background:url(../images/btn_table_file.png) no-repeat 100% 50%;}
.table.style05 table tbody tr td .answer {overflow:hidden;padding-top:45px;}
.table.style05 table tbody tr td .answer textarea {float:left;width:92%;height:70px;overflow-y:scroll;}
.table.style05 table tbody tr td .answer button {float:right;width:7%;height:70px;line-height:18px;background:#adb8bd;}
.table.style05 table .notnull {display: inline-block;overflow: hidden;width: 30px;height: 22px;color: #fff;font-size: 11px;text-align: center;margin-top:10px;line-height: 22px;border-radius: 3px;background: #f6487a;}
.table.style05 .insertBtns{float:left;display:block;margin-left:3px}
.table.style05 .insertBtns button{width: 80px;height: 38px;color: #fff;text-align: center;line-height: 36px;background: #adb8bd;}

.table.style05 .optionset table thead tr th {text-align:center;height:20px;padding: 0;color: #444;font-size: 14px;font-weight: 400;border-bottom: 1px solid #adb8bd;border-left: 1px solid #e1e9ed;background: #fbfbfb;}
.table.style05 .optionset table thead tr th:first-child {border-left:0;}
.table.style05 .optionset table thead tr:first-child th{border-bottom: 1px solid #adb8bd;}
.table.style05 .optionset .top{background:#fff;border-top: 1px solid #adb8bd;padding: 10px 10px;}

.table.style05 .optionset table tbody tr th {padding:8px 10px 8px 10px;color:#444;text-align:center;font-size:14px;font-weight:400;line-height:38px;border-top:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;background:#fff;}
.table.style05 .optionset table tbody tr th:first-child {border-left:0;}
.table.style05 .optionset table tbody tr td {padding:8px 10px 8px 10px;color:#444;text-align:center;font-size:14px;font-weight:400;line-height:38px;border-top:1px solid #e1e9ed;border-left: 1px solid #e1e9ed;background:#fff;}
.table.style05 .optionset table tbody tr td:first-child {border-left:0;}

.table.style05 .intable01 table tr th:last-child,
.table.style05 .intable01 table tr td:last-child {border-right:0;}
.table.style05 .intable01 table thead  tr:first-child th{border-top: 1px solid #adb8bd;border-bottom: 1px solid #adb8bd;}
.table.style05 .intable01 table thead tr th {text-align:center;height:20px;padding: 0;color: #444;font-size: 14px;font-weight: 400;border-bottom: 1px solid #adb8bd;border-right: 1px solid #e1e9ed;border-left:0;background: #fbfbfb;}
.table.style05 .intable01 table tbody tr th,
.table.style05 .intable01 table tbody tr td {padding:8px 10px 8px 10px;color:#444;text-align:center;font-size:14px;font-weight:400;line-height:38px;border-top:1px solid #e1e9ed;border-right: 1px solid #e1e9ed;border-left:0;background:#fff;}
.table.style05 .intable01 .categoryrow{height:300px;overflow-y:scroll}
.table.style05 .intable01 .top{background:#fff;border-top: 1px solid #adb8bd;padding: 10px 10px;}

.table.style05 .editorarea{background:#fbfbfb;}
.table.style05 .editorarea p{padding:20px 10px 20px 10px}
.table.style05 .imgpreview{width:300px;height:200px;display:block;border:1px solid #e7e7e7;background: #fbfbfb;text-align:center;}
.table.style05 .textver{vertical-align: top;}

.table.style05 .listBtns > div button {float:left;overflow:hidden;height:30px;border:0;padding:0 12px;color:#fff;font-size:13px;font-weight:100;line-height:30px;border-radius:3px;margin-left:10px;}
.table.style05 .listBtns > div button.delete {background:#222;}
.table.style05 .listBtns > div button.excel {background:#35c0ba;}
.table.style05 .listBtns label{line-height:30px;margin-right:10px;}
.table.style05 .listBtns .add{height:30px;}
.table.style05 .right{float:right}
.table.style05 .btnWrap label{line-height:30px;margin-right:10px;}

.table.style05 .optionstyle{display:block;overflow:hidden;width:640px;margin-top:10px;}
.table.style05 .optionstyle li{float:left;width:150px;margin-right:10px;}
.table.style05 .optionimg{display:block;border:1px solid #e7e7e7;color:#e7e7e7;text-align:center;padding:10px 0 10px 0;}

.table.style05 .btnWrap {padding-top:0px;}
.table.style05 .btnWrap a {position:relative;float:left;overflow:hidden;width:38px;height:38px;text-indent:-9999em;border:1px solid #adb8bd;padding:0;}
.table.style05 .btnWrap a:after {content:'';position:absolute;top:30%;left:35%;width:9px;height:9px;border-right:1px solid #737373;border-bottom:1px solid #737373;transform:rotate(45deg);}
.table.style05 .btnWrap a.up {width:38px;}
.table.style05 .btnWrap a.up:after {top:45%;transform:rotate(-135deg);}
.table.style05 .btnWrap a.down {width:38px;margin-right:0;}





.colorSelector p {overflow:hidden;margin-bottom:5px;color:#666;font-size:14px;}
.colorSelector div {overflow:hidden;}
.colorSelector input {float:left;width:70px;color:#666;}
.colorSelector span {float:left;margin-left:15px;padding-top:9px;}
.colorSelector span em {float:left;overflow:hidden;width:22px;height:22px;text-indent:-9999em;border:1px solid #222;background:#fff;}
.colorSelector span a {float:left;overflow:hidden;width:22px;height:22px;text-indent:-9999em;border:1px solid #222;background:url(../images/btn_color.png) no-repeat 0 0;}

.colorSelector .selectcolor{display: inline-block;width: 38px;height: 38px;border:1px solid #cddaeb;background:#fff;text-indent:-9999em;margin-left:0px;}
.colorSelector .picker{display: inline-block;width: 38px;height: 38px;padding:0;border:0;background:#fff;text-indent:-9999em;margin-left:5px;}
.colorSelector .picker .picbtn{float:left;overflow:hidden;width:38px;height:38px;text-indent:-9999em;border:0;padding:0;margin:0;background:url(../images/btn_color.png) no-repeat 0 0;   background-size: 38px;}


.paging {overflow:hidden;padding:25px 0;text-align:center;}
.paging > a {display:inline-block;overflow:hidden;width:34px;height:34px;margin:0 8px;}
.paging span {display:inline-block;margin:0 10px;}
.paging span a {display:inline-block;width:34px;height:34px;color:#999;font-size:14px;line-height:34px;border:1px solid #adb8bd;}
.paging span a.on, .paging span a:hover {color:#222;border:1px solid #737e83;}

.btnWrap {overflow:hidden;padding-top:20px;}
.btnWrap.center {text-align:center;}
.btnWrap.right {padding-top:0;text-align:right;}
.btnWrap > div {float:right;}
.btnWrap > div:first-child {float:left;}
.btnWrap > div button {float:left;}
.btnWrap > div.right{float:right;}
.btnWrap button {display:inline-block;height:38px;padding:0 35px;color:#666;font-size:14px;line-height:36px;border:1px solid #adb8bd;background:#fff;}
.btnWrap button.search {color:#fff;border:0;background:#222;}
.btnWrap button.search {color:#fff;border:0;background:#222;}

.btnWrap button.search:hover {background:#00aaf0;}
.btnWrap button.select {color:#fff;border:0;background:#00aaf0;}
.btnWrap button.select:hover {background:#222;}
.btnWrap button.searchOpen {position:relative;padding:0 40px 0 16px;color:#fff;border:0;background:#adb8bd;}
.btnWrap button.searchOpen:after {content:'';position:absolute;top:45%;right:15px;width:11px;height:14px;border-width:7px 6px;border-style:solid;border-color:#fff transparent transparent transparent;}
.btnWrap button.searchOpen:hover {color:#222;}
.btnWrap button.searchOpen:hover:after {border-color:#222 transparent transparent transparent;}
.btnWrap button.add{color:#fff;border:0;background:#00aaf0;}
.btnWrap button.save{color:#fff;border:0;background:#00aaf0;padding:5px 30px 5px 30px;line-height:36px;font-size:16px;height:47px;border:1px solid #00aaf0;}
.btnWrap button.cancel{color:#00aaf0;border:0;background:#fff;padding:5px 30px 5px 30px;line-height:36px;font-size:16px;height:47px;border:1px solid #00aaf0;margin-left:7px;}
.btnWrap button.modify{color:#fff;border:0;background:#00aaf0;padding:5px 30px 5px 30px;line-height:36px;font-size:16px;height:47px;border:1px solid #00aaf0;}
.btnWrap button.function {display:inline-block;height:38px;padding:0 35px;color:#666;font-size:14px;line-height:36px; background:#fff;color:#666666;border:1px solid #adb8bd;}


.guideBox {position:relative;overflow:hidden;padding:30px 15px;margin-top:104px;border:1px solid #e1e9ed;background:#faf9fe;}
.guideBox h6 {padding-left:5px;margin-bottom:8px;color:#222;font-size:16px;}
.guideBox ul {overflow:hidden;}
.guideBox ul li {color:#666;font-size:14px;line-height:26px;}
.guideBox ul li:before {content:'ㆍ ';}
.guideBox > a {position:absolute;bottom:28px;right:22px;height:38px;padding:0 30px;color:#666;font-size:14px;line-height:36px;border:1px solid #adb8bd;background:#fff;}

.qnaBox {position:relative;overflow:hidden;padding:30px 20px;margin:40px 0;border:1px solid #e1e9ed;background:#faf9fe;}
.qnaBox h6 {padding-left:5px;margin-bottom:8px;color:#222;font-size:16px;}
.qnaBox div {overflow:hidden;}
.qnaBox div textarea {float:left;width:92%;height:70px;overflow-y:scroll;}
.qnaBox div button {float:right;width:7%;height:70px;color:#fff;line-height:18px;background:#222;}

/* 2018.11.21 hawk5 추가*/
.headBox {position:relative;overflow:hidden;padding:20px 15px;margin:5px 0 20px 0;border:1px solid #e1e9ed;background:#faf9fe;}
.headBox h6 {padding-left:5px;margin-bottom:8px;color:#222;font-size:16px;}
.headBox div {overflow:hidden;}
.headBox div textarea {float:left;width:92%;height:70px;overflow-y:scroll;}
.headBox div button {float:right;width:7%;height:70px;color:#fff;line-height:18px;background:#222;}
.headBox.f14 {font-size:14px}
.headBox .fdiv {float:left;display:inline-block}
.headBox .ldiv {display: table-cell;height: 110px;vertical-align: middle;padding-left:50px}

/* 200205 riyn 상품분류 페이지 css 오류 : display:flex는 ie에서 작동안함 
.prodCategory {overflow:hidden; display:flex; width:100%; padding-top:20px;}
.prodCategory > div {flex:2;}
.prodCategory > div:first-child {flex:1; margin-right:30px;}
*/
.prodCategory {overflow:hidden;padding-top:20px;}
.prodCategory > div {float:left;width:calc(100% - 400px);}
.prodCategory > div:first-child {width:370px;margin-right:30px;}

.prodCategory h4 {overflow:hidden;margin-bottom:5px;}
.prodCategory h4 > div {float:right;}
.prodCategory h4 > div:first-child {float:left;color:#222;font-size:20px;line-height:38px;}
.prodCategory h4 strong {float:left;color:#222;font-size:20px;line-height:38px;}
.prodCategory h4 a {float:left;margin-left:7px;}
.prodCategory h4 a img {margin-top:5px;}
.prodCategory h4 button {float:left;overflow:hidden;height:30px;margin-left:4px;padding:0 10px;color:#666;font-size:13px;font-weight:300;line-height:28px;border:1px solid #adb8bd;border-radius:3px;}
.prodCategory .categoryList {overflow:hidden;overflow-y:scroll;height:530px;padding:20px 28px;border:1px solid #cddaeb;}
.prodCategory h4 button.add {color:#fff;border:0;background:#00aaf0;}
.prodCategory .categoryList ul {position:relative;overflow:hidden;}
.prodCategory .categoryList ul:before {content:'';position:absolute;top:16px;bottom:19px;left:10px;width:1px; border-left:1px dashed #cfcfcf;}
.prodCategory .categoryList ul ul:before {content:'';top:26px;left:30px;}
.prodCategory .categoryList ul ul ul:before {content:'';top:26px;left:60px;}
.prodCategory .categoryList > ul > li {overflow:hidden;}
.prodCategory .categoryList > ul > li > div {position:relative;overflow:hidden;}
.prodCategory .categoryList ul li > div:before {content:'';position:absolute;bottom:19px;left:10px;width:30px;height:1px; border-top:1px dashed #cfcfcf;}
.prodCategory .categoryList ul li > div {padding-top:12px;}
.prodCategory .categoryList > ul > li:first-child > div {padding-top:0;}
.prodCategory .categoryList > ul > li > div a {position:relative;float:left;overflow:hidden;width:20px;height:20px;margin:8px 22px 0 0;text-indent:-9999em;border:1px solid #adb8bd;background:#fff;}
.prodCategory .categoryList > ul > li > div a:before {content:'';position:absolute;top:5px;left:8px;width:2px;height:8px;background:#999;}
.prodCategory .categoryList > ul > li > div a:after {content:'';position:absolute;top:8px;left:5px;width:8px;height:2px;background:#999;}
.prodCategory .categoryList li > div div {position:relative;float:left;width:235px;height:38px;border:1px solid #cddaeb;}
.prodCategory .categoryList li > div label {float:left;margin:9px 13px 0 9px;}
.prodCategory .categoryList li > div span {float:left;padding-left:34px;color:#888;font-size:14px;font-weight:400;line-height:36px;background:url(../images/icon_category_close.png) no-repeat 0 50%;}
.prodCategory .categoryList li.on > div span {background:url(../images/icon_category_open.png) no-repeat 0 50%;}
.prodCategory .categoryList li > div div.on {border:1px solid #737e83;}
.prodCategory .categoryList li > div div.on span {color:#222;}
.prodCategory .categoryList > ul > li > ul > li {overflow:hidden;}
.prodCategory .categoryList > ul > li > ul > li > div {position:relative;overflow:hidden;padding-left:20px;}
.prodCategory .categoryList > ul > li > ul > li > div:before {left:30px;width:30px;}
.prodCategory .categoryList > ul > li > ul > li:first-child > div:before {left:10px;width:50px;}
.prodCategory .categoryList > ul > li > ul > li > div a {position:relative;float:left;overflow:hidden;width:20px;height:20px;margin:8px 22px 0 0;text-indent:-9999em;border:1px solid #adb8bd;background:#fff;}
.prodCategory .categoryList > ul > li > ul > li > div a:before {content:'';position:absolute;top:5px;left:8px;width:2px;height:8px;background:#999;}
.prodCategory .categoryList > ul > li > ul > li > div a:after {content:'';position:absolute;top:8px;left:5px;width:8px;height:2px;background:#999;}
.prodCategory .categoryList > ul > li > ul > li > div div {position:relative;float:left;width:235px;height:38px;border:1px solid #cddaeb;}
.prodCategory .categoryList > ul > li > ul > li > ul > li {overflow:hidden;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div {position:relative;overflow:hidden;padding-left:50px;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div:before {left:60px;width:30px;}
.prodCategory .categoryList > ul > li > ul > li > ul > li:first-child > div:before {left:30px;width:60px;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div a {position:relative;float:left;overflow:hidden;width:20px;height:20px;margin:8px 22px 0 0;text-indent:-9999em;border:1px solid #adb8bd;background:#fff;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div a:before {content:'';position:absolute;top:5px;left:8px;width:2px;height:8px;background:#999;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div a:after {content:'';position:absolute;top:8px;left:5px;width:8px;height:2px;background:#999;}
.prodCategory .categoryList > ul > li > ul > li > ul > li > div div {position:relative;float:left;width:235px;height:38px;border:1px solid #cddaeb;}
.prodCategory .btnWrap {padding-top:18px;}
.prodCategory .btnWrap button {padding:0 15px;margin-left:4px;}
.prodCategory .btnWrap button:first-child {margin-left:0;}
.prodCategory .btnWrap div:first-child button {padding:0 10px;}
.prodCategory .btnWrap a {position:relative;float:left;overflow:hidden;width:38px;height:38px;text-indent:-9999em;border:1px solid #adb8bd;}
.prodCategory .btnWrap a:after {content:'';position:absolute;top:30%;left:35%;width:9px;height:9px;border-right:1px solid #737373;border-bottom:1px solid #737373;transform:rotate(45deg);}
.prodCategory .btnWrap a.up {width:37px;border-right:0;}
.prodCategory .btnWrap a.up:after {top:45%;transform:rotate(-135deg);}
.prodCategory .categoryInfo input {width:70%;}
.prodCategory .categoryInfo .table.style04 table tbody tr td input[type=checkbox] + label {float:left; width:33%;margin:0;}


.popWrap {display:none;position:fixed;top:0;left:0;z-index:9000;width:100%;height:100%;}
.popWrap .designDatail {position:absolute; top:50%;left:50%;width:800px;height:762px;margin-top:-381px;margin-left:-400px;border:2px solid #222;background:#fff;}
.popWrap .designDatail h3 {height:58px;padding-left:25px;color:#fff;font-size:20px;font-weight:400;line-height:58px;background:#222;}
.popWrap .designDatail > .close {position:absolute;top:18px;right:19px;overflow:hidden;width:24px;height:24px;text-indent:-9999em;transform:rotate(45deg);}
.popWrap .designDatail > .close:before {content:'';position:absolute;top:0;left:11px;width:2px;height:24px;background:#fff;}
.popWrap .designDatail > .close:after {content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#fff;}
.popWrap .designDatail > .btnWrap {padding:20px 0;}
.popWrap .designDatail .datailContent {padding:9px 23px 50px;border-bottom:1px solid #ebf3f7;
    height: 560px;}
.popWrap .designDatail .datailContent h4 {height:51px;margin-bottom:50px;color:#222;font-size:18px;line-height:49px;border-bottom:2px solid #00aaf0;}
.popWrap .designDatail .datailContent > div {overflow:hidden;}
.popWrap .designDatail .datailContent div div {float:left;width:290px;}
.popWrap .designDatail .datailContent div div:first-child {width:440px;margin-right:20px;}
.popWrap .designDatail .datailContent div div img {width:440px;margin-bottom:10px;}
.popWrap .designDatail .datailContent div div strong {display:block;margin-bottom:5px;color:#f6487a;font-size:15px;}
.popWrap .designDatail .datailContent div div p {padding-left:10px;color:#666;font-size:13px;}
.popWrap .designDatail .datailContent div div h5 {position:relative;margin-bottom:60px;padding-top:30px;color:#222;font-size:28px;line-height:30px;}
.popWrap .designDatail .datailContent div div h5:before {content:'';position:absolute;top:0;left:0;overflow:hidden;height:22px;padding:0 7px;color:#fff;font-size:11px;text-align:center;line-height:22px;border-radius:3px;}
.popWrap .designDatail .datailContent div div h5.pay:before {content:'유료디자인';background:#f6487a;}
.popWrap .designDatail .datailContent div div dl {overflow:hidden;}
.popWrap .designDatail .datailContent div div dl dt {float:left;width:110px;color:#222;font-size:14px;line-height:26px;}
.popWrap .designDatail .datailContent div div dl dt:before {content:'ㆍ ';}
.popWrap .designDatail .datailContent div div dl dd {float:left;color:#666;font-size:14px;line-height:26px;}
.popWrap .designDatail .datailContent .btnWrap {padding-top:50px;}
.popWrap .designDatail .datailContent .btnWrap button {width:232px;color:#fff;border:0;}
.popWrap .designDatail .datailContent .btnWrap .sample {background:#00aaf0;}
.popWrap .designDatail .datailContent .btnWrap .add {background:#222;}

.popWrap01 {overflow:hidden;}
.popWrap01 h3 {position:relative;width:100%;height:58px;padding:10px;margin-bottom:20px;color:#fff;font-size:20px;font-weight:400;background:#222;}
.popWrap01 h3 .close {position:absolute;top:18px;right:19px;overflow:hidden;width:24px;height:24px;text-indent:-9999em;transform:rotate(45deg);}
.popWrap01 h3 .close:before {content:'';position:absolute;top:0;left:11px;width:2px;height:24px;background:#fff;}
.popWrap01 h3 .close:after {content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#fff;}
/* 게시판설정(팝업) 옵션 클릭시 상단잘림현상 패치 (IE) */
.popWrap01 input[type="radio"],
.popWrap01 input[type="checkbox"] {display:none;}

/* 법적고지 레이어 시작 */
.popLawWrap {display:none;z-index:999;position:fixed;top:20%;left:30%;background:#fff;border-radius:3px;border:1px solid #000;overflow:hidden;text-align:left;}
.popLawWrap .default {width:500px;}
.popLawWrap .default .contLayer {padding:20px 10px;}
.popLawWrap .default p {line-height:25px;margin-bottom:10px;}
.popLawWrap .wide {width:800px;} 
.popLawWrap .wide .contLayer {height:442px;overflow-y:auto;}
.popLawWrap p,
.popLawWrap ul
 {word-break:break-all;white-space:normal;}
.popLawWrap ul {padding:5px 10px 10px;}
.popLawWrap li {font-weight:normal;font-size:13px;line-height:20px;color:#888;}
.popLawWrap ul li.title:before {content:'';position:absolute;top:5px;width:2px;height:2px;margin:4px 0 0 -7px;background-color:#00aaf0;}
.popLawWrap ul li.title {position:relative;margin-top:15px;color:#00aaf0;display:block;margin:10px 0 5px;padding:0 0 0 10px;word-spacing:-1px;font-size:14px;}
.popLawWrap ul li.subtitle {color:#000;margin-left:10px;}
.popLawWrap ul li.subtitle+li {padding-left:10px;}
.popLawWrap ul ol {width:80%;}
.popLawWrap h3 {width:100%;height:58px;padding:10px 10px 10px 20px;text-align:left;color:#fff;font-size:20px;font-weight:400;background:#222;}
.popLawWrap h3 .close {position:absolute;top:18px;right:19px;overflow:hidden;width:24px;height:24px;text-indent:-9999em;transform:rotate(45deg);}
.popLawWrap h3 .close:before {content:'';position:absolute;top:0;left:11px;width:2px;height:24px;background:#fff;}
.popLawWrap h3 .close:after {content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#fff;}
/* 법적고지 레이어 끝 */

.popWrap02 {position:fixed;top:18%;left:50%;margin-left:-450px;width:900px;background:#fff;overflow:hidden;z-index:30;}
.popWrap02 h3 {width:100%;height:58px;padding:10px;color:#fff;font-size:20px;font-weight:400;background:#222;margin-bottom:20px;}
.popWrap02 h3 .close {position:absolute;top:18px;right:19px;overflow:hidden;width:24px;height:24px;text-indent:-9999em;transform:rotate(45deg);}
.popWrap02 h3 .close:before {content:'';position:absolute;top:0;left:11px;width:2px;height:24px;background:#fff;}
.popWrap02 h3 .close:after {content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#fff;}
.popWrap02 .Datail{}
.popWrap02 .Datail01{width:880px;margin:10px;}
.popWrap02 .btnWrap {background:#e1e9ed;border-top: 1px solid #737e83;padding:10px 0 10px 0}
.popWrap02 .inbtnWrap {padding:10px 0 10px 0;text-align:center;}
.popWrap02 .inbtnWrap button{display:inline-block;height:38px;padding:0 35px;color:#666;font-size:14px;line-height:36px;border:1px solid #adb8bd;background:#fff;}
.popWrap02 .inbtnWrap button.search {color:#fff;border:0;background:#222;}

.popWrap03 {overflow:hidden;}
.popWrap03 h3 {position:relative;width:100%;height:58px;padding:10px;color:#fff;font-size:20px;font-weight:400;background:#222;margin-bottom:20px;}
.popWrap03 h3 .close {position:absolute;top:18px;right:19px;overflow:hidden;width:24px;height:24px;text-indent:-9999em;transform:rotate(45deg);}
.popWrap03 h3 .close:before {content:'';position:absolute;top:0;left:11px;width:2px;height:24px;background:#fff;}
.popWrap03 h3 .close:after {content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#fff;}


.popWrap01 .Datail{width:850px;margin:10px;}
.popWrap01 .Datail01{width:1150px;margin:10px;}
.popWrap01 .Content{height:550px;background:#fff;overflow-y:scroll;}
.popWrap01 .Content i {margin-top:10px;height:20px;}
.popWrap01 .btnWrap {background:#e1e9ed;border-top: 1px solid #737e83;padding:10px 0 10px 0}
.popWrap01 .inbtnWrap {overflow: hidden;padding:10px 0 10px 0;text-align:center;}
.popWrap01 .inbtnWrap button{display:inline-block;height:38px;padding:0 35px;color:#666;font-size:14px;line-height:36px;border:1px solid #adb8bd;background:#fff;}
.popWrap01 .inbtnWrap button.search {color:#fff;border:0;background:#222;}

.popupview .title01{margin:10px;}
.popupview .title01 h4{ padding:10px;border-bottom: 2px solid #00aaf0;color:#00aaf0;line-height:26px;}
.popupview .summury{font-size:14px;margin:10px;color: #fff;background-color: #5b5b65;}
.popupview .summury .info {overflow:hidden;}
.popupview .summury .info ul{float:left;overflow:hidden;margin-bottom:5px;}
.popupview .summury .info li{padding:5px 10px 0 10px;display:block}
.popupview .summury .info .print{float:right;padding: 5px 20px;font-size: 13px;line-height: 28px;color:#fff;background: #00aaf0;margin:10px 10px ;}
.popupview .summury .navi{width:100%;}
.popupview .summury .navi .tap{overflow:hidden;}
.popupview .summury .navi li{float:left;width:10%;list-style: none;display: table-cell;vertical-align: middle;border-top: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;}
.popupview .summury .navi a{text-decoration: none;letter-spacing: -1px;text-align:center;display:block;padding:8px 0 8px 0;background:#5b5b65;color:#fff}
.popupview .summury .navi .on{background:#fff;color:#5b5b65;font-weight: bold;}

.popupview .content{margin:10px}


.nodata{height:200px;text-align:center;}

.popupview .Datail01{width:1150px;margin:10px;}
.popupview .Content{height:550px;background:#fff;overflow-y:scroll;}
.popupview .Content i {margin-top:10px;height:20px;}
.popupview .btnWrap {background:#e1e9ed;border-top: 1px solid #737e83;padding:10px 0 10px 0}
.popupview .inbtnWrap {overflow: hidden;padding:10px 0 10px 0;text-align:center;}
.popupview .inbtnWrap button{display:inline-block;height:38px;padding:0 35px;color:#666;font-size:14px;line-height:36px;border:1px solid #adb8bd;background:#fff;}
.popupview .inbtnWrap button.search {color:#fff;border:0;background:#222;}




.popWrap01 .designDatail > .btnWrap {padding:20px 0;}
.popWrap01 .designDatail .datailContent {padding:10px 10px 100px 10px;border-bottom:1px solid #ebf3f7;}
.popWrap01 .designDatail .datailContent h4 {height:51px;margin-bottom:10px;color:#222;font-size:18px;line-height:49px;border-bottom:2px solid #00aaf0;}
.popWrap01 .designDatail .datailContent > div {overflow:hidden;}
.popWrap01 .designDatail .datailContent div div {float:left;width:290px;}
.popWrap01 .designDatail .datailContent div div:first-child {width:440px;margin-right:20px;}
.popWrap01 .designDatail .datailContent div div img {width:440px;margin-bottom:10px;}
.popWrap01 .designDatail .datailContent div div strong {display:block;margin-bottom:5px;color:#f6487a;font-size:15px;}
.popWrap01 .designDatail .datailContent div div p {padding-left:10px;color:#666;font-size:13px;}
.popWrap01 .designDatail .datailContent div div h5 {position:relative;margin-bottom:60px;padding-top:30px;color:#222;font-size:28px;line-height:30px;}
.popWrap01 .designDatail .datailContent div div h5:before {content:'';position:absolute;top:0;left:0;overflow:hidden;height:22px;padding:0 7px;color:#fff;font-size:11px;text-align:center;line-height:22px;border-radius:3px;}
.popWrap01 .designDatail .datailContent div div h5.pay:before {content:'유료디자인';background:#f6487a;}
.popWrap01 .designDatail .datailContent div div dl {overflow:hidden;}
.popWrap01 .designDatail .datailContent div div dl dt {float:left;width:110px;color:#222;font-size:14px;line-height:26px;}
.popWrap01 .designDatail .datailContent div div dl dt:before {content:'ㆍ ';}
.popWrap01 .designDatail .datailContent div div dl dd {float:left;color:#666;font-size:14px;line-height:26px;}
.popWrap01 .designDatail .datailContent .btnWrap {right:19px;}
.popWrap01 .designDatail .datailContent .btnWrap button {width:232px;color:#fff;border:0;}
.popWrap01 .designDatail .datailContent .btnWrap .sample {background:#00aaf0;}
.popWrap01 .designDatail .datailContent .btnWrap .add {background:#222;}

.popWrap01 .popbtnWrap {width:850px;background:#fff;}
.popWrap01 .popbtnWrap {bottom:0px;right:left:0px;background:#ff0000;height:40px;}
.popWrap01 .popbtnWrap button {width:232px;color:#fff;border:0;}
.popWrap01 .popbtnWrap .sample {background:#00aaf0;}
.popWrap01 .popbtnWrap .add {background:#222;}

.popWrap02 .popbtnWrap {width:850px;background:#fff;}
.popWrap02 .popbtnWrap {bottom:0px;right:left:0px;background:#ff0000;height:40px;}
.popWrap02 .popbtnWrap button {width:232px;color:#fff;border:0;}
.popWrap02 .popbtnWrap .sample {background:#00aaf0;}
.popWrap02 .popbtnWrap .add {background:#222;}


/******************* login **********************/
.login {width:480px;margin:80px auto 0 auto;}
.login h2 {margin-bottom:60px;color:#055fb4;font-size:28px;font-weight:400;text-align:center;line-height:30px;}
.login ul {display:flex;width:100%;margin-bottom:30px;box-shadow:1px 1px 5px rgba(0,0,0,.1);}
.login ul li {flex:1;position:relative;border-top:1px solid #adb8bd;border-right:1px solid #adb8bd;border-bottom:1px solid #adb8bd;}
.login ul li:before {content:'';position:absolute;top:-1px;left:-1px;z-index:2;width:1px;height:60px;border-left:1px solid #adb8bd;}
.login ul li.on {border-top:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #222;background:#00aaf0;}
.login ul li.on:before {border-left:1px solid #222;}
.login ul li.on:after {content:'';position:absolute;bottom:-1px;left:0;z-index:2;width:100%;height:1px;border-bottom:1px solid #222;}
.login ul li.on + li:before {border-left:1px solid #222;}
.login ul li a {position:relative;display:block;height:58px;color:#666;font-size:16px;line-height:60px;text-align:center;}
.login ul li.on a {color:#222;}
.login ul li.on a:after {content:'';position:absolute;bottom:-7px;left:45%;z-index:3;width:12px;height:12px;border-right:1px solid #222;border-bottom:1px solid #222;background:#00aaf0;transform:rotate(45deg);}
.login fieldset {overflow:hidden;padding:100px 0 30px 105px;border:1px solid #adb8bd;}
.login fieldset div {overflow:hidden;margin-top:13px;}
.login fieldset div:first-child {margin-top:0;}
.login fieldset div.btn {margin-top:20px;}
.login fieldset div input[type=text],
.login fieldset div input[type=password] {float:left;width:270px;height:37px;padding:0 10px;margin-right:10px;color:#222;font-size:16px;line-height:36px;border:0;border-bottom:1px solid #999999;}
.login fieldset div button {width:270px;height:48px;color:#fff;font-size:18px;font-weight:400;background:#222;}
.login fieldset div.quick {width:270px;margin-top:35px;text-align:center;}
.login fieldset div a {position:relative;display:inline-block;height:16px;margin-left:10px;padding-left:11px;color:#222;font-size:12px;line-height:16px;}
.login fieldset div a:before {content:'';position:absolute;top:2px;left:0;width:1px;height:12px;background:#c9c9c9;}
.login fieldset div a:first-child {margin-left:0;padding-left:0;}
.login fieldset div a:first-child:before {display:none;}
/******************* button guide 추가(190103) **********************/
.btn_guide>div{margin-top:20px;margin-left:30px;}
button{text-align:center;font-size:13px;}
.btn1{width:60px;border-radius: 3px;line-height:1.2em;height:24px;}
.btn_type1{color:#999999 !important;border:1px solid #cddaeb; background:#fff;}
.btn1:hover,.btn7:hover,.btn9:hover,.btn10:hover{color:#222222;border:1px solid #737e83;background:#f6f6f6;}
.btn_type2{color:#00aaf0;border:1px solid #00aaf0;}
.btn2{display:inline-block;width:84px;border-radius: 3px;line-height:30px;height:30px;text-align:center; font-size:13px;}
.btn_type3{color:#fff;background:#00aaf0;}
.btn_type3:hover,button[class*=btn_color]:hover{background:#222222;}
.btn3{display:inline-block;width:98px;height:38px;line-height: 38px;text-align:center;font-size:13px;}
.btn4{width:128px;height:36px;line-height: 36px;}
.detailSearch_btn{background:#adb8bd;}
.menual_btn{padding-left:21px;background:url(../images/menual_icon.png) no-repeat left center;}
.search_btn{padding-left:19px;background:url(../images/icon_search.png) no-repeat left center;}
.detailSearch_btn span{position:relative;padding-right:24px;color:#fff;}
.detailSearch_btn span:after{content: '';position: absolute;top: 38%;right: 0px;width: 11px;height: 14px;border-width: 7px 6px;border-style: solid;border-color: #fff transparent transparent transparent;}
.detailSearch_btn:hover span{color:#222222;}
.detailSearch_btn:hover span:after{border-color: #222222 transparent transparent transparent;}
.btn5{width:78px;height:38px;line-height: 38px; }
.btn_type4{color:#fff;background:#222222;}
.btn_type4:hover{background:#00aaf0;}
.btn6{width:68px;height:68px;line-height:22px; }
.btn_type5{background:#adb8bd;color:#fff;	}
.btn_type5:hover{color:#222222;}
.btn7{width:136px;height:30px;line-height: 1.2em;border-radius: 3px;}
.btn_type6{color:#666666;border:1px solid #adb8bd;}
.btn_type7{color:#fff;background:#777777;border:0px;}
.btn_type7:hover{color:#222;background:#adb8bd;}
.btn8{padding:0 11px;height:30px;line-height: 1.2em;border-radius: 3px;color:#fff;}
.btn_color1{background:#35c0ba;}
.btn_color2{background:#aa59e8;}
.btn_color3{background:#055fb4;}
.btn9{padding:0 11px;line-height: 1.2em;height:38px;}
.btn10{width:92px;line-height: 1.2em;height:38px;}
.daySelect {display:inline-block;height:38px;font-size:0;}
.daySelect li {position:relative;display:inline-block;height:100%;line-height:36px;width:48px;background-color:#fff;box-sizing:border-box;color:#666;font-size:13px;text-align:center;border:1px solid #adb8bd;margin-left:-1px;}
.daySelect li.on{border:1px solid #00aaf0;background-color:#00aaf0;color:#fff;box-sizing:border-box;z-index:1000;}
.daySelect li.on a{color:#fff;}
.daySelect li:hover{width:48px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;}
.daySelect li a{display:block;}
.btnBox {font-size:0}
.btnBox button {display:inline-block;position:relative;width:38px;height:38px;border:1px solid #adb8bd;margin-left:-1px;}
.add_btn {background:#fff url(../images/icon_plus1.png) no-repeat center}
.add_btn:hover {width:38px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;background:#f6f6f6 url(../images/icon_plus2.png) no-repeat center}
.decr_btn {background:#fff url(../images/icon_minus1.png) no-repeat center}
.decr_btn:hover {width:38px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;background:#f6f6f6 url(../images/icon_minus2.png) no-repeat center}
.arrow_left {background:#fff url(../images/arrow_left1.png) no-repeat center}
.arrow_left:hover {width:38px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;background:#f6f6f6 url(../images/arrow_left2.png) no-repeat center}
.arrow_right {background:#fff url(../images/arrow_right1.png) no-repeat center}
.arrow_right:hover {width:38px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;background:#f6f6f6 url(../images/arrow_right2.png) no-repeat center}
.btnBox .up_down{display:block;margin-top:-1px;line-height: 15px;}
.btnBox .up_down:hover{width:38px;height:38px;border:1px solid #737e83;z-index:1000;color:#222;}
.orderWrap:after {content:"";display:block;clear:both}
.orderWrap a {float:left;height: 38px;padding: 0 11px;color: #666;font-size: 13px;line-height: 36px;border: 1px solid #adb8bd;background: #fff;}
.orderWrap a+a{margin-left:4px;}
.orderWrap a:hover {border:1px solid #737e83;color:#222;background-color:#f6f6f6}
.close_btn {background:#fff url(../images/icon_close.png) no-repeat center}
.close_btn:hover {border:1px solid #737e83;background:#f6f6f6 url(../images/icon_close_active.png) no-repeat center}
/*페이징*/
.pageWrap {overflow:hidden;padding:25px 0;text-align:center;}
.pageWrap > a {display:inline-block;position:relative;overflow:hidden;width:34px;height:34px;margin:0 8px;}
.pageWrap > a span{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;}
.pageWrap .first_btn {background:url(../images/board_btn_str.png) no-repeat}
.pageWrap .prev_btn {background:url(../images/board_btn_left.png) no-repeat}
.pageWrap .next_btn {background:url(../images/board_btn_right.png) no-repeat}
.pageWrap .last_btn {background:url(../images/board_btn_end.png) no-repeat}
.pageWrap .first_btn:hover {background:url(../images/arrow_first_type1.png) no-repeat center}
.pageWrap .next_btn:hover {background:url(../images/arrow_next_type1.png) no-repeat center}
.pageWrap .prev_btn:hover {background:url(../images/arrow_prev_type1.png) no-repeat center}
.pageWrap .last_btn:hover {background:url(../images/arrow_last_type1.png) no-repeat center}
.pageWrap .first_btn:active, .pageWrap .first_btn.on {background:url(../images/arrow_first_type2.png) no-repeat center}
.pageWrap .prev_btn:active, .pageWrap .prev_btn.on {background:url(../images/arrow_prev_type2.png) no-repeat center}
.pageWrap .next_btn:active, .pageWrap .next_btn.on {background:url(../images/arrow_next_type2.png) no-repeat center}
.pageWrap .last_btn:active, .pageWrap .last_btn.on {background:url(../images/arrow_last_type2.png) no-repeat center}
.pageWrap span {display:inline-block;margin:0 10px}
.pageWrap span a {display:inline-block;width:34px;height:34px;border: 1px solid #adb8bd;color:#999;font-size:14px;line-height:32px;}
.pageWrap span a:hover {border:1px solid #737e83;color:#222;background-color:#f6f6f6}
.pageWrap span a:active, .pageWrap span a.on {border:1px solid #737e83;color:#222;}

.dimmed {display: block;z-index: 30;opacity: 0.7;position: fixed;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;background: rgb(0, 0, 0);}

.statChartHolder {width: 100%;height: 100%;position: relative;top: 8px;display: inline-block;}
.statsLeft {list-style:none;display:inline-block;width:45%;}
.statsLeft li {width: 100%;height: 14px;border: none;top: 5px;margin-bottom: 25px;}
.statsLeft h3{font-size:17px;display: inline-block;}
.statsLeft span{font-size: 17px;display:inline-block;}
.statsRight {width: 45%;display: inline-block;position: absolute;}
.statsRight li {width: 100%;height: 14px;border: none;top: 5px;margin-bottom: 25px;}
.statsRight h3{font-size:17px;display: inline-block;}
.statsRight span{font-size: 17px;display:inline-block;}

/* Pie Chart */
.progress-pie-chart {width:150px;height: 150px;border-radius: 50%;background-color: #E5E5E5;position: relative;}
.progress-pie-chart.gt-50 {background-color: #92bfe7;}
.ppc-progress {content: "";position: absolute;border-radius: 50%;left: calc(50% - 75px);top: calc(50% - 75px);width: 150px;height: 150px;clip: rect(0, 150px, 150px, 75px);}
.ppc-progress .ppc-progress-fill {content: "";position: absolute;border-radius: 50%;left: calc(50% - 75px);top: calc(50% - 75px);width: 150px;height: 150px;clip: rect(0, 75px, 150px, 0);background: #92bfe7;transform: rotate(60deg);}
.gt-50 .ppc-progress {clip: rect(0, 75px, 150px, 0);}
.gt-50 .ppc-progress .ppc-progress-fill {clip: rect(0, 150px, 150px, 75px);background: #E5E5E5;}
.ppc-percents {content: "";position: absolute;border-radius: 50%;left: calc(50% - 140px/2);top: calc(50% - 140px/2);width: 140px;height: 140px;background: #fff;text-align: center;display: table;}
.ppc-percents span {display: block;font-size: 21px;font-weight: normal;color: #555;}
.pcc-percents-wrapper {display: table-cell;vertical-align: middle;}
.progress-pie-chart {margin: 22px auto 0;}

/*결제방식 설정*/
.table input[type="number"] {height: 38px;padding: 0 10px;font-size: 14px;line-height: 36px;background-color: #fff;border: 1px solid #cddaeb;box-sizing: border-box;-webkit-appearance: none;border-radius: 0;}
.table.style04 .second td p {display:inline-block;}
.table.style04 .second .btn_move {display:inline-block;float:none;margin-left:20px;padding-right:15px;color:#000;font-size:14px;vertical-align:middle;line-height:38px;background:url(../images/arrow_next_mini.png) no-repeat right center;}
.table.style04 .pay_method {display:inline-block;vertical-align:top;}
.table.style04 .pay_method label {margin-right:0;padding:0 10px;line-height:38px;background-color:#ddd;}
.table.style04 .pay_method input[type="text"] {margin-right:0;}

.bullet_star {display:inline-block;position:relative;padding-left:10px;}
.bullet_star:before {content:"*";display:inline-block;position:absolute;top:2px;left:0;color:red;vertical-align:middle;}
.img_preview {width: 300px;height: 200px;display: block;border: 1px solid #e7e7e7;background: #fbfbfb;text-align: center;}
.txt_align_top {vertical-align:top}
.system_area:after {content:"";display:block;clear:both;}
.table .system_area ul {float:left;width:250px;padding:10px;border:1px solid #ccc;box-sizing:border-box;}
.table.style04 .system_area ul li a {display:block;float:none;}
.table.style04 .system_area .btns_area a {display:block;float:none;width:35px;height:30px;padding:10px;border:1px solid #ccc;text-align:center;box-sizing:border-box;background-color:#ddd;}
.table .system_area .btns_area {float:left;margin-left:10px;padding:16px 0;}
.table .system_area .btns_area a + a {margin-top:10px;}